﻿body {
	margin-top:0px;
	margin-bottom:40px;
	font-size:80%;
	font-family:Verdana;
	color:#555;
	direction:ltr;
	padding:10px;
}
a {
	color:#555;
}
.featured-color{
	color:#cfc;
}
.login{
	width:300px;
	margin:0 auto;
}
h1{
	font-size:200%;
}
h2{
	font-size:150%;
}

table td{
	font-family:Tahoma;
	font-size:13px;
}

/* Site Layout */
	#page{
		xmin-height:700px;
		xbackground:#ffa;
	}
		#page > .header{
			padding:10px;
			min-height:100px;
			background:#eee;
			margin-bottom:30px;
		}
		#page > .header .login-view{
		}
		#page > .header .logged-name{
			font-weight:bold;
		}

		#page > .footer{
			margin-top:30px;
			height:50px;
			background:#afa;
		}


/* Grid Table */
.grid table {
	border: solid 1px #eee;
	width: 100%;
	background-color: #FFFFCC;
}
	.grid table {
		border-collapse:separate;
	}
	.grid table tr {
	}
		.grid table th {
			border-bottom: solid 2px green;
			background-color:#000;
			color:#fff;
			padding:2px 5px;
		}
		.grid table tr.alter-row td {
			background-color:#eee;
		}
		.grid table td {
			padding:2px 5px;
			border-right: solid 1px #fff;
		}
		.grid table tr.selected td {
			background:yellow;
			color:blue;
			border:none;
			border-right: solid 1px #777;
			border-bottom: solid 1px #777;
		}
		.grid table td .select {
			cursor:pointer;
		}
		.grid table th {
			border: solid 1px #eee;
			font-weight:bold;
		}
		.grid table td .uncheck {
			padding:2px 5px;
			cursor:pointer;
			background:green;
			color:#fff;
		}
		.grid table td .create-mail {
			padding:2px 5px;
			cursor:pointer;
			background:blue;
			color:#fff;
		}


#main {
	 background:#ddd;
	 padding:10px;
}
	#main >.inner{
		 background:#eee;
		 min-height:300px;
		 margin:0px auto 0;
		 padding:10px;
	}
		#main >.inner >.header{
			 background:#eee;
		}
			#main >.inner >.header h1{
				padding:5px;
			}
			#main >.inner >.header strong{
				padding:5px 0;
			}
		#main >.inner .menu{
			background:#ababab;
			Xmargin-bottom:1px;
			padding-left:10px;
			padding-top:5px;
		}
			#main >.inner .menu *{
				display:inline-block;
			}
				#main >.inner .menu span{
					background:#777;
					padding:5px 10px;
					margin-right:10px;
				}
					#main >.inner .menu span:hover{
						xbackground:#ffa;
						xcolor:#000;
					}
						#main >.inner .menu span:hover a{
							 text-decoration:underline;
						}
					#main >.inner .menu span.current{
						 color:#000;
						 cursor:default;
					}
						#main >.inner .menu a{
							 color:#fff;
							 text-decoration:none;
						}
						#main >.inner .menu span.current a{
							text-decoration:none;
							color:#fff;
						}

#main >.inner >.module {
	min-height: 100px;
	background: #ccb;
	padding: 10px;
}
	#main >.inner >.module >.inner {
		background: #fff;
	}
#main .status {
	min-height:50px;
	background:red;
}